<template>
	<map style="width: 100%; height: 1500rpx; margin: 0;" :layer-style='5' :show-location='true' :latitude="latitude"
				:longitude="longitude" :markers="marker" :scale="scale" @markertap="toMap" @callouttap='callouttap'>
			</map>
</template>

<script>
	export default {
		data() {
			return {
				latitude: 37.444000, //纬度
				longitude: 118.668000, //经度	
				address:'导航目的地名字（气泡地点）',
				scale: 16, //缩放级别
				bottomData: false,
				marker: [{
						id: 0,
						latitude: 37.444000, //纬度
						longitude: 118.668000, //经度
						iconPath: '', //显示的图标        
						rotate: 0, // 旋转度数
						width: 20, //宽
						height: 30, //高
						//   title:'我在这里',//标注点名
						alpha: 0.5, //透明度
						callout: { //自定义标记点上方的气泡窗口 点击有效  
							content: '导航目的地名字（点击后腾讯/百度地图页面显示的名字）', //文本
							color: '#000', //文字颜色
							fontSize: 14, //文本大小
							borderRadius: 15, //边框圆角
							borderWidth: '10',
							// bgColor: '', //背景颜色
							display: 'ALWAYS', //常显
						},
					},
				]
			}
		},
		onLoad(option) {
			this.longitude = option.longitude
			this.latitude = option.latitude
			this.address = option.address
			this.marker[0].longitude = option.longitude
			this.marker[0].latitude = option.latitude
			this.marker[0].callout.content = option.address
		},
		methods: {
			toMap() {
				console.log('地图标志物点击事件')
				uni.openLocation({
					latitude: Number(this.latitude), //要去的纬度-地址
					longitude: Number(this.longitude), //要去的经度-地址
					address: this.address, //要去的具体地址

				})
			},
		}
	}
</script>

<style>
</style>